<?php /*a:1:{s:65:"D:\phpstudy_pro\help\application\home\view\history\voluntary.html";i:1625817622;}*/ ?>

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/static/home/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/home/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/static/home/css/animate.min.css" rel="stylesheet">
    <link href="/static/home/css/style.min.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
<div id="voluntary">

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-8"></div>
            <div class="col-sm-4">
                <div class="input-group">
                    <input type="text" v-model="searchContent" class="form-control">
                    <span class="input-group-btn">
                    <button type="button" class="btn btn-primary" v-on:click="search">搜索</button>
                </span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4" v-for="volun in currentData">
                <div class="widget-head-color-box navy-bg p-lg text-center">
                    <div class="m-b-md">
                        <h2 class="font-bold no-margins">
                            {{volun.name}}
                        </h2>
                        <small>{{volun.job}}</small>
                    </div>
                    <img :src="'http://q1.qlogo.cn/g?b=qq&nk='+volun.qq+'&s=160'" class="img-circle circle-border m-b-md" alt="profile">
                    <div>
                        <span>{{volun.college}}</span> |
                        <span>{{volun.department}}</span>
                    </div>
                </div>
                <div class="widget-text-box">
                    <h4 class="media-heading">{{volun.name}}</h4>
                    <p><i class="fa fa-qq" style="color: #0a6aa1"></i>QQ：{{volun.qq}}</p>
                    <p>{{volun.description}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center">
        <div class="btn-group">
            <button class="btn btn-white" type="button" :disabled="currentPage===startPage" v-on:click="minus"><i class="fa fa-chevron-left"></i></button>
            <button class="btn btn-white " v-on:click="jump(i)" v-for="i in pages" :class="i===currentPage?'active':''">{{i}}</button>
            <button class="btn btn-white" type="button" :disabled="currentPage===endPage" v-on:click="add()"><i class="fa fa-chevron-right"></i>
            </button>
        </div>
    </div>
</div>


<!-- 全局js -->
<script src="/static/home/js/vue.js"></script>
<script src="/static/home/js/vue-resource.js"></script>
<script src="/static/home/js/voluntary.js"></script>
</body>

</html>
